{extend name="template/base" /}
{block name="content"}
<style>

    .ID_img{
        width: 120px;
        height:120px;
        text-align: center;
        margin-left: 15px;
        border: 1px solid #E2E2E2;
        float: left;
        position: relative;
    }
    .ID_img>input{
        display: inline-block;
        width: 80%;;
        height: 80%;
        opacity: 0;
        z-index: 800;
        position: absolute;
        left:10%;
        top:0;
    }
    .ID_img .img_{
        width: 80%;
        height: 80%;
        margin-top: 10%;
        position: absolute;
        top: 0;
        left: 10%;
    }

</style>
<div class="page-container">
    <form class="form form-horizontal" id="form" method="post" action="{:\\think\\Request::instance()->baseUrl()}">
        <input type="hidden" name="id" value="{$info.id ?? ''}">
        <input type="hidden" name="type" value="" id="types">
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">昵称：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.nickname}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">标题：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.title}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">价格：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.unit_price}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">示例图片：</label>
            <div class="formControls col-xs-3 col-sm-3 ID_img">
                {volist name="info.case_img" id="vo"}
                <img  class="img_"   src="{$vo}" width="80" height="80">
                {/volist}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">任务截图：</label>
            <div class="formControls col-xs-3 col-sm-3 ID_img">
                {volist name="info.img" id="vo"}
                <img  class="img_"   src="{$vo}" width="80" height="80">
                {/volist}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">审核失败原因：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.audit_refuse_reason}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">审核失败时间：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.audit_refuse_time}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">申诉原因：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.appeal_reason}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl" style="margin-top: 30px">
            <label class="form-label col-xs-3 col-sm-3">申诉时间：</label>
            <div class="formControls col-xs-6 col-sm-6">
                {$info.appeal_reason_time}
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>原因：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <select name="appeal_refuse_reason" class="select">
                    {volist name="texts" id="vo"}
                    <option value="{$vo}">{$vo}</option>
                    {/volist}
                </select>
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button type="submit" class="btn btn-primary radius" onClick="vals('1')">&nbsp;&nbsp;申诉通过&nbsp;&nbsp;</button>
                <button type="submit" class="btn btn-default radius ml-20" onClick="vals('2')">&nbsp;&nbsp;申诉失败&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</div>
{/block}
{block name="script"}
<script src="__STATIC__/js/mobileFix.mini.js?v=ad62f13"></script>
<script src="__STATIC__/js/exif.js?v=dd609b9"></script>
<script src="__STATIC__/js/lrz.js?v=3d33fcf"></script>

<script type="text/javascript" src="__LIB__/Validform/5.3.2/Validform.min.js"></script>
<script>
    function vals(types){
        $('#types').val(types)
    }
    $(function () {
        $('.cjxh').show()
        $('.cjxhs').hide()
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        $("#form").Validform({
            tiptype: 2,
            ajaxPost: true,
            showAllError: true,
            callback: function (ret) {
                ajax_progress(ret);
            }
        });
    });

</script>
{/block}